<!DOCTYPE html>
<html>
  <head>
    <style>
      .wrapper {
        /* position: relative; */
        display: flex;
      }
      .div1,
      .div2 {
        width: 300px;
        height: 300px;
        background-color: white;
        /* display: flex; */

        box-shadow: 0 0 0 2px inset rgb(106, 18, 18), 0 0 0 4px inset rgb(230, 123, 123),
          0 0 36px 8px inset rebeccapurple;
      }
      .div1 {
        /* background-color: darkcyan; */

        /* position: relative; */
      }
      .div2 {
        /* background-color: darkgoldenrod; */
        margin-left: -12px;
        position: relative;
      }
    </style>
  </head>
  <body>
    <div class="wrapper">
      <div class="div1"></div>
      <div class="div2">123</div>
    </div>
  </body>
</html>
